/*===============================================
  Tables
================================================= */
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.as-table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 0;
}
.as-table > thead > tr > th,
.as-table > tbody > tr > th,
.as-table > tfoot > tr > th,
.as-table > thead > tr > td,
.as-table > tbody > tr > td,
.as-table > tfoot > tr > td {
  padding: 9px;
  line-height: 1.49;
  vertical-align: middle;
  border-top: 1px solid #eeeeee;
}
.as-table > thead > tr > th {
  font-weight: 600;
  vertical-align: bottom;
  border-bottom: 1px solid #eeeeee;
}
.as-table > caption + thead > tr:first-child > th,
.as-table > colgroup + thead > tr:first-child > th,
.as-table > thead:first-child > tr:first-child > th,
.as-table > caption + thead > tr:first-child > td,
.as-table > colgroup + thead > tr:first-child > td,
.as-table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.as-table > tbody + tbody {
  border-top: 2px solid #eeeeee;
}
.as-table tbody > tr:first-child > td {
  border-top: 0;
}
.as-table .as-table {
  margin-bottom: 0;
  background-color: #ffffff;
}
.as-table-condensed > thead > tr > th,
.as-table-condensed > tbody > tr > th,
.as-table-condensed > tfoot > tr > th,
.as-table-condensed > thead > tr > td,
.as-table-condensed > tbody > tr > td,
.as-table-condensed > tfoot > tr > td {
  padding: 5px;
}
.as-table-bordered {
  border: 1px solid #eeeeee;
}
.as-table-bordered > thead > tr > th,
.as-table-bordered > tbody > tr > th,
.as-table-bordered > tfoot > tr > th,
.as-table-bordered > thead > tr > td,
.as-table-bordered > tbody > tr > td,
.as-table-bordered > tfoot > tr > td {
  border: 1px solid #eeeeee;
}
.as-table-bordered > thead > tr > th,
.as-table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.as-table-striped > tbody > tr:nth-child(odd) > td,
.as-table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.as-table-hover > tbody > tr:hover > td,
.as-table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.as-table-curved > tbody > tr > td:first-child {
  border-radius: 4px 0 0 4px;
}
.as-table-curved > tbody > tr > td:last-child {
  border-radius: 0 4px 4px 0;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.as-table > thead > tr > td.default,
.as-table > tbody > tr > td.default,
.as-table > tfoot > tr > td.default,
.as-table > thead > tr > th.default,
.as-table > tbody > tr > th.default,
.as-table > tfoot > tr > th.default,
.as-table > thead > tr.default > td,
.as-table > tbody > tr.default > td,
.as-table > tfoot > tr.default > td,
.as-table > thead > tr.default > th,
.as-table > tbody > tr.default > th,
.as-table > tfoot > tr.default > th {
  color: #777;
  border-color: #ddd;
  background-color: #f0f0f0;
}
.as-table-hover > tbody > tr > td.default:hover,
.as-table-hover > tbody > tr > th.default:hover,
.as-table-hover > tbody > tr.default:hover > td,
.as-table-hover > tbody > tr:hover > .default,
.as-table-hover > tbody > tr.default:hover > th {
  background-color: #fcfcfc;
}
/* TABLE BG CONTEXTUALS
 * Exact selectors below required to override `.as-table-striped`
 * and prevent inheritance to nested tables.
 */
.as-table > thead > tr > td.active,
.as-table > tbody > tr > td.active,
.as-table > tfoot > tr > td.active,
.as-table > thead > tr > th.active,
.as-table > tbody > tr > th.active,
.as-table > tfoot > tr > th.active,
.as-table > thead > tr.active > td,
.as-table > tbody > tr.active > td,
.as-table > tfoot > tr.active > td,
.as-table > thead > tr.active > th,
.as-table > tbody > tr.active > th,
.as-table > tfoot > tr.active > th {
  color: #a9a9a9;
  border-color: #ffffff;
  background-color: #ffffff;
}
.as-table > thead > tr.active + tr > th,
.as-table > tbody > tr.active + tr > th,
.as-table > tfoot > tr.active + tr > th,
.as-table > thead > tr.active + tr > td,
.as-table > tbody > tr.active + tr > td,
.as-table > tfoot > tr.active + tr > td {
  border-top: 1px solid #ffffff;
}
.as-table-hover > tbody > tr > td.active:hover,
.as-table-hover > tbody > tr > th.active:hover,
.as-table-hover > tbody > tr.active:hover > td,
.as-table-hover > tbody > tr:hover > .active,
.as-table-hover > tbody > tr.active:hover > th {
  background-color: #ffffff;
}
.as-table > thead > tr > td.default,
.as-table > tbody > tr > td.default,
.as-table > tfoot > tr > td.default,
.as-table > thead > tr > th.default,
.as-table > tbody > tr > th.default,
.as-table > tfoot > tr > th.default,
.as-table > thead > tr.default > td,
.as-table > tbody > tr.default > td,
.as-table > tfoot > tr.default > td,
.as-table > thead > tr.default > th,
.as-table > tbody > tr.default > th,
.as-table > tfoot > tr.default > th {
  color: #b3b3b3;
  border-color: #ffffff;
  background-color: #ffffff;
}
.as-table > thead > tr.default + tr > th,
.as-table > tbody > tr.default + tr > th,
.as-table > tfoot > tr.default + tr > th,
.as-table > thead > tr.default + tr > td,
.as-table > tbody > tr.default + tr > td,
.as-table > tfoot > tr.default + tr > td {
  border-top: 1px solid #ffffff;
}
.as-table-hover > tbody > tr > td.default:hover,
.as-table-hover > tbody > tr > th.default:hover,
.as-table-hover > tbody > tr.default:hover > td,
.as-table-hover > tbody > tr:hover > .default,
.as-table-hover > tbody > tr.default:hover > th {
  background-color: #ffffff;
}
.as-table > thead > tr > td.primary,
.as-table > tbody > tr > td.primary,
.as-table > tfoot > tr > td.primary,
.as-table > thead > tr > th.primary,
.as-table > tbody > tr > th.primary,
.as-table > tfoot > tr > th.primary,
.as-table > thead > tr.primary > td,
.as-table > tbody > tr.primary > td,
.as-table > tfoot > tr.primary > td,
.as-table > thead > tr.primary > th,
.as-table > tbody > tr.primary > th,
.as-table > tfoot > tr.primary > th {
  color: #196090;
  border-color: #82c0e9;
  background-color: #b6daf2;
}
.as-table > thead > tr.primary + tr > th,
.as-table > tbody > tr.primary + tr > th,
.as-table > tfoot > tr.primary + tr > th,
.as-table > thead > tr.primary + tr > td,
.as-table > tbody > tr.primary + tr > td,
.as-table > tfoot > tr.primary + tr > td {
  border-top: 1px solid #82c0e9;
}
.as-table-hover > tbody > tr > td.primary:hover,
.as-table-hover > tbody > tr > th.primary:hover,
.as-table-hover > tbody > tr.primary:hover > td,
.as-table-hover > tbody > tr:hover > .primary,
.as-table-hover > tbody > tr.primary:hover > th {
  background-color: #c7e3f5;
}
.as-table > thead > tr > td.success,
.as-table > tbody > tr > td.success,
.as-table > tfoot > tr > td.success,
.as-table > thead > tr > th.success,
.as-table > tbody > tr > th.success,
.as-table > tfoot > tr > th.success,
.as-table > thead > tr.success > td,
.as-table > tbody > tr.success > td,
.as-table > tfoot > tr.success > td,
.as-table > thead > tr.success > th,
.as-table > tbody > tr.success > th,
.as-table > tfoot > tr.success > th {
  color: #3f9532;
  border-color: #afe1a8;
  background-color: #d9f1d5;
}
.as-table > thead > tr.success + tr > th,
.as-table > tbody > tr.success + tr > th,
.as-table > tfoot > tr.success + tr > th,
.as-table > thead > tr.success + tr > td,
.as-table > tbody > tr.success + tr > td,
.as-table > tfoot > tr.success + tr > td {
  border-top: 1px solid #afe1a8;
}
.as-table-hover > tbody > tr > td.success:hover,
.as-table-hover > tbody > tr > th.success:hover,
.as-table-hover > tbody > tr.success:hover > td,
.as-table-hover > tbody > tr:hover > .success,
.as-table-hover > tbody > tr.success:hover > th {
  background-color: #e7f6e4;
}
.as-table > thead > tr > td.info,
.as-table > tbody > tr > td.info,
.as-table > tfoot > tr > td.info,
.as-table > thead > tr > th.info,
.as-table > tbody > tr > th.info,
.as-table > tfoot > tr > th.info,
.as-table > thead > tr.info > td,
.as-table > tbody > tr.info > td,
.as-table > tfoot > tr.info > td,
.as-table > thead > tr.info > th,
.as-table > tbody > tr.info > th,
.as-table > tfoot > tr.info > th {
  color: #1c7393;
  border-color: #88cfe9;
  background-color: #bce4f2;
}
.as-table > thead > tr.info + tr > th,
.as-table > tbody > tr.info + tr > th,
.as-table > tfoot > tr.info + tr > th,
.as-table > thead > tr.info + tr > td,
.as-table > tbody > tr.info + tr > td,
.as-table > tfoot > tr.info + tr > td {
  border-top: 1px solid #88cfe9;
}
.as-table-hover > tbody > tr > td.info:hover,
.as-table-hover > tbody > tr > th.info:hover,
.as-table-hover > tbody > tr.info:hover > td,
.as-table-hover > tbody > tr:hover > .info,
.as-table-hover > tbody > tr.info:hover > th {
  background-color: #cdebf6;
}
.as-table > thead > tr > td.warning,
.as-table > tbody > tr > td.warning,
.as-table > tfoot > tr > td.warning,
.as-table > thead > tr > th.warning,
.as-table > tbody > tr > th.warning,
.as-table > tfoot > tr > th.warning,
.as-table > thead > tr.warning > td,
.as-table > tbody > tr.warning > td,
.as-table > tfoot > tr.warning > td,
.as-table > thead > tr.warning > th,
.as-table > tbody > tr.warning > th,
.as-table > tfoot > tr.warning > th {
  color: #c88a0a;
  border-color: #fadb9a;
  background-color: #fdf0d4;
}
.as-table > thead > tr.warning + tr > th,
.as-table > tbody > tr.warning + tr > th,
.as-table > tfoot > tr.warning + tr > th,
.as-table > thead > tr.warning + tr > td,
.as-table > tbody > tr.warning + tr > td,
.as-table > tfoot > tr.warning + tr > td {
  border-top: 1px solid #fadb9a;
}
.as-table-hover > tbody > tr > td.warning:hover,
.as-table-hover > tbody > tr > th.warning:hover,
.as-table-hover > tbody > tr.warning:hover > td,
.as-table-hover > tbody > tr:hover > .warning,
.as-table-hover > tbody > tr.warning:hover > th {
  background-color: #fef7e8;
}
.as-table > thead > tr > td.danger,
.as-table > tbody > tr > td.danger,
.as-table > tfoot > tr > td.danger,
.as-table > thead > tr > th.danger,
.as-table > tbody > tr > th.danger,
.as-table > tfoot > tr > th.danger,
.as-table > thead > tr.danger > td,
.as-table > tbody > tr.danger > td,
.as-table > tfoot > tr.danger > td,
.as-table > thead > tr.danger > th,
.as-table > tbody > tr.danger > th,
.as-table > tfoot > tr.danger > th {
  color: #ac311d;
  border-color: #eea79c;
  background-color: #f7d6d0;
}
.as-table > thead > tr.danger + tr > th,
.as-table > tbody > tr.danger + tr > th,
.as-table > tfoot > tr.danger + tr > th,
.as-table > thead > tr.danger + tr > td,
.as-table > tbody > tr.danger + tr > td,
.as-table > tfoot > tr.danger + tr > td {
  border-top: 1px solid #eea79c;
}
.as-table-hover > tbody > tr > td.danger:hover,
.as-table-hover > tbody > tr > th.danger:hover,
.as-table-hover > tbody > tr.danger:hover > td,
.as-table-hover > tbody > tr:hover > .danger,
.as-table-hover > tbody > tr.danger:hover > th {
  background-color: #fae5e2;
}
.as-table > thead > tr > td.alert,
.as-table > tbody > tr > td.alert,
.as-table > tfoot > tr > td.alert,
.as-table > thead > tr > th.alert,
.as-table > tbody > tr > th.alert,
.as-table > tfoot > tr > th.alert,
.as-table > thead > tr.alert > td,
.as-table > tbody > tr.alert > td,
.as-table > tfoot > tr.alert > td,
.as-table > thead > tr.alert > th,
.as-table > tbody > tr.alert > th,
.as-table > tfoot > tr.alert > th {
  color: #542fb2;
  border-color: #c6b7ec;
  background-color: #ece7f9;
}
.as-table > thead > tr.alert + tr > th,
.as-table > tbody > tr.alert + tr > th,
.as-table > tfoot > tr.alert + tr > th,
.as-table > thead > tr.alert + tr > td,
.as-table > tbody > tr.alert + tr > td,
.as-table > tfoot > tr.alert + tr > td {
  border-top: 1px solid #c6b7ec;
}
.as-table-hover > tbody > tr > td.alert:hover,
.as-table-hover > tbody > tr > th.alert:hover,
.as-table-hover > tbody > tr.alert:hover > td,
.as-table-hover > tbody > tr:hover > .alert,
.as-table-hover > tbody > tr.alert:hover > th {
  background-color: #f9f7fd;
}
.as-table > thead > tr > td.system,
.as-table > tbody > tr > td.system,
.as-table > tfoot > tr > td.system,
.as-table > thead > tr > th.system,
.as-table > tbody > tr > th.system,
.as-table > tfoot > tr > th.system,
.as-table > thead > tr.system > td,
.as-table > tbody > tr.system > td,
.as-table > tfoot > tr.system > td,
.as-table > thead > tr.system > th,
.as-table > tbody > tr.system > th,
.as-table > tfoot > tr.system > th {
  color: #206d5a;
  border-color: #77d7c0;
  background-color: #a7e5d6;
}
.as-table > thead > tr.system + tr > th,
.as-table > tbody > tr.system + tr > th,
.as-table > tfoot > tr.system + tr > th,
.as-table > thead > tr.system + tr > td,
.as-table > tbody > tr.system + tr > td,
.as-table > tfoot > tr.system + tr > td {
  border-top: 1px solid #77d7c0;
}
.as-table-hover > tbody > tr > td.system:hover,
.as-table-hover > tbody > tr > th.system:hover,
.as-table-hover > tbody > tr.system:hover > td,
.as-table-hover > tbody > tr:hover > .system,
.as-table-hover > tbody > tr.system:hover > th {
  background-color: #b7eadd;
}
.as-table > thead > tr > td.dark,
.as-table > tbody > tr > td.dark,
.as-table > tfoot > tr > td.dark,
.as-table > thead > tr > th.dark,
.as-table > tbody > tr > th.dark,
.as-table > tfoot > tr > th.dark,
.as-table > thead > tr.dark > td,
.as-table > tbody > tr.dark > td,
.as-table > tfoot > tr.dark > td,
.as-table > thead > tr.dark > th,
.as-table > tbody > tr.dark > th,
.as-table > tfoot > tr.dark > th {
  color: #3b3f4f;
  border-color: #999eb3;
  background-color: #bcbfcd;
}
.as-table > thead > tr.dark + tr > th,
.as-table > tbody > tr.dark + tr > th,
.as-table > tfoot > tr.dark + tr > th,
.as-table > thead > tr.dark + tr > td,
.as-table > tbody > tr.dark + tr > td,
.as-table > tfoot > tr.dark + tr > td {
  border-top: 1px solid #999eb3;
}
.as-table-hover > tbody > tr > td.dark:hover,
.as-table-hover > tbody > tr > th.dark:hover,
.as-table-hover > tbody > tr.dark:hover > td,
.as-table-hover > tbody > tr:hover > .dark,
.as-table-hover > tbody > tr.dark:hover > th {
  background-color: #c8cbd6;
}

table {
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}
/*===============================================
  FooTables
================================================= */
/*table row hover*/
table.footable > tbody > tr > td.footable-first-column {
  border-left: 4px solid transparent;
}
table.footable > tbody > tr:hover > td.footable-first-column,
table.footable > tbody > tr.footable-detail-show > td.footable-first-column {
  border-left-color: #AAA;
}
/* Primary Row */
table.footable > tbody > tr.row-primary:hover > td.footable-first-column,
table.footable > tbody > tr.footable-detail-show.row-primary > td.footable-first-column {
  border-left-color: #3498db;
}
/* Info Row */
table.footable > tbody > tr.row-info:hover > td.footable-first-column,
table.footable > tbody > tr.footable-detail-show.row-info > td.footable-first-column {
  border-left-color: #3bafda;
}
/* Success Row */
table.footable > tbody > tr.row-success:hover > td.footable-first-column,
table.footable > tbody > tr.footable-detail-show.row-success > td.footable-first-column {
  border-left-color: #70ca63;
}
/* Warning Row */
table.footable > tbody > tr.row-warning:hover > td.footable-first-column,
table.footable > tbody > tr.footable-detail-show.row-warning > td.footable-first-column {
  border-left-color: #f6bb42;
}
/* Danger Row */
table.footable > tbody > tr.row-danger:hover > td.footable-first-column,
table.footable > tbody > tr.footable-detail-show.row-danger > td.footable-first-column {
  border-left-color: #df5640;
}
/* Alert Row */
table.footable > tbody > tr.row-alert:hover > td.footable-first-column,
table.footable > tbody > tr.footable-detail-show.row-moved > td.footable-first-column {
  border-left-color: #967adc;
}
/* System Row */
table.footable > tbody > tr.row-system:hover > td.footable-first-column,
table.footable > tbody > tr.footable-detail-show.row-system > td.footable-first-column {
  border-left-color: #37bc9b;
}
/* Dark Row */
table.footable > tbody > tr.row-dark:hover > td.footable-first-column,
table.footable > tbody > tr.footable-detail-show.row-dark > td.footable-first-column {
  border-left-color: #3b3f4f;
}
/* Fixed width labels - used only in first column */
table.footable.fw-labels > tbody > tr > td:first-child {
  width: 90px;
  vertical-align: middle;
  padding: 11px 12px 11px 8px;
}
table.footable.fw-labels > tbody > tr > td:first-child .label {
  width: 100%;
  display: inline-block;
  padding: 4px 4px 6px;
  font-size: 11px;
  text-align: center;
  font-weight: 600;
  line-height: 1;
}
/* expand row padding */
.footable-row-detail-name,
.footable-row-detail-value {
  padding: 7px 9px 9px;
}
/* row bgs */
table.footable .footable-odd {
  background-color: #FFF;
}
table.footable .footable-even {
  background-color: #fafafa;
}
/* table row open */
table.footable > tbody > tr.footable-row-detail {
  background-color: #FFF !important;
}
/* table toggle row icon */
table.footable.breakpoint > tbody > tr > td > span.footable-toggle {
  float: right;
  font-size: 10px;
  padding-top: 2px;
}
.foo-header > tr > th {
  background-color: #f6f6f6;
  border: 1px solid #DDD !important;
}
.foo-footer > tr > td {
  background-color: #f6f6f6;
}
.footable-page-arrow a[data-page="first"],
.footable-page-arrow a[data-page="last"] {
  display: none;
}
/* footer style - menu */
.footable > tfoot.footer-menu,
.footable > tfoot.footer-menu > tr {
  background-color: #f7f7f7;
}
/* pagination settings */
.footable > tfoot .pagination {
  margin-top: 5px;
}